.nav-wrap{
    width: 100%;
    padding: 0 9%;
    border-bottom:2px solid #e05b5b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-item{
    position: relative;
    padding:16px;
    font-size:18px;
    line-height: 18px;
    font-weight: 500;
    color:#000;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-list>li:hover .nav-item{
    color:#fff;
    background: linear-gradient(left,#e43d3c,#b30d0c);
    background: -webkit-linear-gradient(left,#e43d3c,#b30d0c);
}
.nav-list>li.navActive .nav-item{
    color:#fff;
    background: linear-gradient(left,#e43d3c,#b30d0c);
    background: -webkit-linear-gradient(left,#e43d3c,#b30d0c);
}